WEBVTT

﻿1
00:00:02.440 --> 00:00:09.700
En el vídeo, vimos como he podiamos estructurar la etiqueta nav, la etiqueta ul. la etiqueta li

2
00:00:10.960 --> 00:00:12.520
para formar un menú

3
00:00:13.240 --> 00:00:17.320
ahora vamos hablar sobre la etiqueta a que es una etiqueta

4
00:00:17.560 --> 00:00:21.380
algo peculiar al momento de trabajar con los enlaces

5
00:00:21.380 --> 00:00:26.640
porque esta etiqueta tiene varias propiedades como por ejemplo la propiedad target

6
00:00:27.580 --> 00:00:29.260
que nos permite

7
00:00:30.440 --> 00:00:31.580
abrir

8
00:00:31.800 --> 00:00:35.840
ese enlace en otra ventana, en otra pestaña del navegador web

9
00:00:35.840 --> 00:00:37.840
la más común es blank

10
00:00:40.320 --> 00:00:42.340
también la propiedad

11
00:00:43.680 --> 00:00:44.580
rel

12
00:00:45.720 --> 00:00:47.700
siempre va dentro

13
00:00:48.640 --> 00:00:53.800
de la etiqueta a cuando usamos la propiedad target

14
00:00:55.080 --> 00:00:59.780
rel nos va permitir que cuando se abra ese enlace en otra pestaña

15
00:00:59.780 --> 00:01:01.780
no existan vulnerabilidades

16
00:01:02.220 --> 00:01:03.380
no existan

17
00:01:04.440 --> 00:01:08.180
problemas de seguridad que nos pueda ocasionar

18
00:01:08.980 --> 00:01:12.900
por ejemplo vamos a ir a la página de heckyel.ga

19
00:01:20.420 --> 00:01:22.380
En la parte del footer

20
00:01:22.640 --> 00:01:25.960
tenemos los enlaces a las redes sociales libres

21
00:01:27.620 --> 00:01:30.160
cuando damos en inspeccionar elemento

22
00:01:33.200 --> 00:01:36.680
vamos a observar que esta el atributo rel

23
00:01:37.240 --> 00:01:39.220
con 2 valores

24
00:01:39.220 --> 00:01:43.880
el valor noopener y el valor noreferrer

25
00:01:43.880 --> 00:01:45.880
noopener noreferrer

26
00:01:46.800 --> 00:01:48.200
estos valores

27
00:01:48.200 --> 00:01:50.200
son importantes

28
00:01:53.300 --> 00:01:55.200
porque van a permitir

29
00:01:55.800 --> 00:02:00.000
de que el enlace no sea contaminado al momento

30
00:02:00.000 --> 00:02:02.680
de dar click

31
00:02:03.080 --> 00:02:06.180
dentro de esa lista

32
00:02:14.460 --> 00:02:17.840
cuando alguien de un click dentro

33
00:02:18.500 --> 00:02:20.860
de esta lista, por ejemplo aquí he dado

34
00:02:20.860 --> 00:02:25.840
se ha abierto en otra pestaña, por ejemplo ahí se abre en varias pestañas

35
00:02:29.160 --> 00:02:30.080
pues

36
00:02:31.120 --> 00:02:33.780
un atacante un cibercriminal

37
00:02:34.600 --> 00:02:36.140
no podrían

38
00:02:36.140 --> 00:02:41.480
inyectar algo malisioso a este enlace porque tiene la propiedad rel

39
00:02:41.920 --> 00:02:44.680
con los parámetros noopener noreferrer

40
00:02:44.860 --> 00:02:48.160
esto hace que tenga más seguridad el enlace

41
00:02:48.400 --> 00:02:52.300
ya que la propiedad target es algo vulnerable

42
00:02:52.300 --> 00:02:56.220
cuando esta sola sin esta otra propiedad

43
00:02:56.680 --> 00:02:58.980
Es importante que si

44
00:02:59.720 --> 00:03:01.120
tú quieres

45
00:03:01.540 --> 00:03:03.720
hacer un enlace

46
00:03:04.120 --> 00:03:07.480
hacia otra pestaña debes colocar

47
00:03:08.220 --> 00:03:09.540
si o si

48
00:03:10.600 --> 00:03:12.000
la propiedad rel

49
00:03:13.300 --> 00:03:14.680
y bien esto

50
00:03:14.980 --> 00:03:19.000
lo que te quería contar con respecto a la etiqueta a

51
00:03:19.000 --> 00:03:21.000
Nos vemos en el siguiente vídeo
